<style include="print-preview-shared throbber destination-select cr-hidden-style">
  :host([is-current-destination-cros-local_]) #statusText {
    color: var(--google-red-600);
    font-size: calc(10 / 13 * 1em);
    overflow: hidden;
    padding: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
</style>
<print-preview-settings-section>
  <span slot="title">$i18n{destinationLabel}</span>
  <div slot="controls">
    <div class="throbber-container" hidden$="[[loaded]]">
      <div class="throbber"></div>
    </div>
    <print-preview-destination-dropdown-cros id="dropdown"
        value="[[destination]]" hidden$="[[!loaded]]"
        item-list="[[recentDestinationList]]"
        pdf-destination-key="[[pdfDestinationKey_]]"
        drive-destination-key="[[driveDestinationKey]]"
        no-destinations="[[noDestinations]]"
        pdf-printer-disabled="[[pdfPrinterDisabled]]"
        destination-icon="[[destinationIcon_]]" disabled="[[disabled]]"
        on-dropdown-value-selected="onDropdownValueSelected_"
        destination-status-text="[[statusText_]]">
    </print-preview-destination-dropdown-cros>
  </div>
</print-preview-settings-section>
<print-preview-settings-section class="destination-additional-info"
    hidden$="[[!statusText_]]">
  <div slot="title"></div>
  <div slot="controls">
    <div id="statusText" class="destination-status" title="[[statusText_]]"
        aria-hidden="[[isCurrentDestinationCrosLocal_]]">
    </div>
  </div>
</print-preview-settings-section>
<print-preview-settings-section class="destination-additional-info"
    id="destinationEulaWrapper"
    hidden$="[[!destination.eulaUrl]]">
  <div slot="title"></div>
  <div slot="controls">
    <a class="destination-status" href="[[destination.eulaUrl]]"
        target="_blank">
     $i18n{printerEulaURL}
    </a>
  </div>
</print-preview-settings-section>
